<!--
 * @Descripttion: 账号管理模块
 * @version: 
 * @Author: lyw
 * @Date: 2022-02-12 20:56:11
 * @LastEditors: fengweicong 75202172+fengweicong@users.noreply.github.com
 * @LastEditTime: 2022-07-17 08:48:00
-->
<template>
  <div class="main">
    <search/>
    <div class="content">
      <router-view></router-view>
      <el-backtop :bottom="400">
        <div class="toTop">
          <i class="el-icon-top"></i>
        </div>
      </el-backtop>
    </div>
  </div>
</template>

<script>
import Search from "@/components/Header/Search.vue";
export default {
  components: {
    Search,
  },
};
</script>

<style lang="less" scoped>
.main {
  .content {
    width: @width-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    .el-backtop {
      position: relative;
      left: @width-content;
      font-size: 40px;
      .toTop {
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
        text-align: center;
        line-height: 40px;
      }
    }
  }
}
</style>